<template>
    <div>
        <mHeader></mHeader>
        <div class="main-con">
            <div class="left_main">
                <leftMenu />
            </div>
            <div class="rightMain">
                <!-- 用户 -->
                <router-view></router-view>

            </div>
        </div>
    </div>
</template>
<script>
import leftMenu from './leftMenu';
export default {
    components: {
        leftMenu
    },
    data() {
        return {
            menuList: [[1, 2, 3, 4], [1, 2, 3, 4], [1, 2, 3, 4], [1, 2, 3, 4]],
            bgUrl: 'https://imgs.699pic.com/images/501/325/516.jpg!list2x.v1',
            tabList: [
            ],
            curType: 1
        };
    },
    computed: {
        path() {
            return this.$route.path
        }
    },

    methods: {

        getTabtype(t, url) {
            this.curType = t
            if (this.path != url) this.$router.push(url)

        },
        onSubmit() {
            console.log('submit!', this.form);
        },
        goPage(url) {
            if (this.path != url) {
                this.$router.push(url)
            }
        }
    },
}
</script>
<style lang="scss" scoped>
.main-con {
    display: flex;

    .left_main {
        margin-right: 1.04rem;
    }
}

.rightMain {
    flex: 1;
}

@media screen and (max-width:768px) {
    .main-con {
        width: 100%;
        .left_main {
            display: none;
        }

        display: block;

        .rightMain {
            width: 100%;
        }
    }
}
</style>